<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>社团管理首页</title>

	<%-- 静态包含 base标签、css样式、jQuery文件 --%>
	<%@ include file="/pages/common/head.jsp"%>
	<script type="text/javascript">
		$(function () {
			//给加入购物车按钮绑定单击事件
			$("button.addToCart").click(function () {

				var bookId = $(this).attr("bookId");

				// location.href = "http://localhost:8080/book2/cartServlet?action=addItem&id=" + bookId;

				//发送ajax请求，添加商品到购物车
				$.getJSON("http://localhost:8080/book2/cartServlet","action=ajaxAddItem&id=" + bookId,function (data) {
					$("#cartTotalCount").text("您的购物车中有" + data.totalCount + "件商品");
					$("#cartLastName").text(data.lastName);
					// $("#cartLastName").text("您刚刚将" + data.lastName + "加入到了购物车中");

				});

			});

		});
	</script>


</head>
<body>
	
	<div id="header">
<%--			<img class="logo_img" alt="" src="static/img/logo.gif" >--%>
			<span class="wel_word">社团浏览</span>
			<div>
<%--				如果用户还没有登录，显示登录和注册的菜单--%>
				<c:if test="${empty sessionScope.user}">
					<a href="pages/user/login.jsp">登录</a> |
					<a href="pages/user/regist.jsp">注册</a> &nbsp;
				</c:if>
<%--				如果已经登录，则显示登录成功以后的用户信息--%>
				<c:if test="${not empty sessionScope.user}">
					<span>欢迎<span class="um_span">${sessionScope.user.username}</span>光临本站</span>
					<a href="pages/order/order.jsp">修改密码</a>
					<a href="userServlet?action=logout">注销</a>&nbsp;
				</c:if>
				&nbsp;
<%--				<a href="pages/cart/cart.jsp">购物车</a>--%>
				<a href="../manager/manager.jsp">后台管理</a>
			</div>
	</div>

	<div id="main">
		<div id="book">
			<div class="book_cond">
<%--				<form action="client/bookServlet" method="get">--%>
<%--					<input type="hidden" name="action" value="pageByPrice">--%>
<%--					价格：<input id="min" type="text" name="min" value="${param.min}"> 元 ---%>
<%--						<input id="max" type="text" name="max" value="${param.max}"> 元--%>
<%--						<input type="submit" value="查询" />--%>
<%--				</form>--%>
			</div>
			<div style="text-align: center">

				<c:if test="${empty sessionScope.cart.items}">
<%--					购物车为空--%>
					<span id="cartTotalCount"></span>
					<div>
<%--						<span style="color: red" id="cartLastName">当前购物车为空</span>--%>
					</div>
				</c:if>
				<c:if test="${not empty sessionScope.cart.items}">
<%--					购物车为非空--%>
<%--					<span id="cartTotalCount">您的购物车中有${sessionScope.cart.totalCount}件商品</span>--%>
<%--					<div>--%>
<%--						您刚刚将<span style="color: red" id="cartLastName">${sessionScope.lastName}</span>加入到了购物车中--%>
<%--					</div>--%>
				</c:if>


			</div>

			<c:forEach items="${sessionScope.orgnizations}" var="orgnization">
			<div class="b_list">

					<div class="img_div">
						<img class="book_img" alt="" src="${book.imgPath}" />
					</div>
					<div class="book_info">
						<div class="book_name">
							<span class="sp1">社团名称:</span>
							<span class="sp2">${orgnization.massname}</span>
						</div>
						<div class="book_author">
							<span class="sp1">社团负责人:</span>
							<span class="sp2">${orgnization.funtionaryname}</span>
						</div>
						<div class="book_price">
							<span class="sp1">负责人专业:</span>
							<span class="sp2">${orgnization.major}</span>
						</div>
						<div class="book_sales">
							<span class="sp1">社团成立时间:</span>
							<span class="sp2">${orgnization.createtime}</span>
						</div>
						<div class="book_amount">
							<span class="sp1">社团成员:</span>
							<span class="sp2">${orgnization.member}</span>
						</div>
						<div class="book_add">
							<button bookId="${book.id}" class="addToCart">社团活动详情</button>
						</div>
					</div>
				</div>
			</c:forEach>

		</div>

	<%--静态包含分页条--%>
<%--	<%@include file="/pages/common/page_nav.jsp"%>--%>
	
	</div>

	<%--静态包含页脚内容--%>
	<%@include file="/pages/common/footer.jsp"%>

</body>
</html>